import { init } from 'snabbdom/build/init'
import { h } from 'snabbdom/build/h'

const patch = init([])

// 如果想要内容是标签，第二个元素就是数组，每一项都是元素，可以再用h函数
let vnode = h('div#container', [
  h('h1', 'hello snabbdom'),
  h('p', '这是一个p')
])

let app = document.querySelector('#app')
let oldVnode = patch(app, vnode)

setTimeout(() => {
  // vnode = h('div#container', [
  //   h('h1', 'hello world'),
  //   h('p', 'hello p')
  // ])
  // patch(oldVnode, vnode)

  // 清除div和div中的内容
  patch(oldVnode, h('!'))
}, 2000)